<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>面试进展</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/style.css">
    <style>
        * {
            font-size: 14px;
        }
    </style>
</head>

<body>

<div class="x-body">
    <!--layui-quote-nm-->
    <blockquote class="layui-elem-quote interview-name ">姓名：<span>张三</span><span>等待一面</span></blockquote>
    <div class="interviewBox">
        <div class="interview-xian left">
            <div class="xian-tou"></div>
            <div class="shuxian"></div>
        </div>
        <div class="left interview-center">
            <ul>
                <li>入职</li>
                <li class="tl1">负责人: <span>蔡倩</span></li>
                <li>入职时间: <span>2017-09-22(周五）15:00</span></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <div class="interviewBox">
        <div class="interview-xian left">
            <div class="xian-tou"></div>
            <div class="shuxian"></div>
        </div>
        <div class="left interview-center">
            <ul>
                <li>二面</li>
                <li class="tl1">面试官: <span>徐鑫</span></li>
                <li>面试时间: <span>2017-09-22(周五）15:00</span></li>
                <li>面试结果：<span>通过</span></li>
            </ul>
            <div><span class="left">面试评价：</span>
                <div class="left sd"><p>
                    达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad</p></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="interviewBox">
        <div class="interview-xian left">
            <div class="xian-tou"></div>
            <div class="shuxian"></div>
        </div>
        <div class="left interview-center">
            <ul>
                <li>一面</li>
                <li class="tl1">面试官: <span>徐鑫</span></li>
                <li>面试时间: <span>2017-09-22(周五）15:00</span></li>
                <li>面试结果：<span>通过</span></li>
            </ul>
            <div><span class="left">面试评价：</span>
                <div class="left sd"><p>
                    达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad达克赛德卡视角第三大面积是的十大但是ad</p>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <!--面试未评价-->
    <div class="interviewBox">
        <div class="interview-xian left">
            <div class="xian-tou"></div>
            <div class="shuxian"></div>
        </div>
        <div class="left interview-center">
            <ul>
                <li>一面</li>
                <li class="tl1">面试官: <span>徐鑫</span></li>
                <li>面试时间: <span>2017-09-22(周五）15:00</span></li>
            </ul>
            <div class="interview-up"><span class="left">面试结果：</span>
                <div class="left sd"><span>未填写</span>
                    <button class="layui-btn layui-btn-radius layui-btn-mini layui-btn-normal interview-tx">填写</button>
                </div>
            </div>

            <div class="interview-down none">
                <from class="layui-form" action="" id="evaluate">
                    <div><span class="left msjg">面试结果：</span>
                        <div class="left sd">
                            <input type="radio" name="tg" value="nan" title="通过">
                            <input type="radio" name="tg" value="nv" title="未通过">
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div><span class="left">面试评价：</span>
                        <div class="left sd"><p>
                            <textarea name="" required lay-verify="required" placeholder="请填写面试评价"
                                      class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="interview-btn">
                        <button class="layui-btn layui-btn-radius ok">提交</button>
                        <button class="layui-btn layui-btn-radius layui-btn-primary cancel">取消</button>
                    </div>

                </from>

            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>


<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<script>
    $(function () {
//        每个左边的竖线和点 自动变换效果
        $(".interviewBox").each(function (i) {
            $(".interviewBox").eq(0).find(".xian-tou").css("background-color", "#009688");
            var H = $(this).outerHeight();
            var H2 = H + 10;
            $(this).find(".shuxian").height(H2);
        });
    })

    $(".ok").click(function () {
        if (!$(':radio[name=tg]:checked').length) {
            layer.msg('面试结果不能为空!', {icon: 2, time: 2000});
        } else {
            layer.msg('已提交!', {icon: 1, time: 1000});
        }
    })
    //    填写按钮
    $(".interview-tx").click(function () {
        $(".interview-up").hide();
        $(".interview-down").show();
    })
    //    取消按钮
    $(".cancel").click(function () {
        $(".interview-up").show();
        $(".interview-down").hide();
    })

    function member_del(obj, id) {
//        x_admin_close();
        var data = $(obj).parent().parent().children().html();
        layer.confirm(data, {title: '确认删除'}, function (index) {
            //发异步删除数据
//            layer.closeAll();
            parent.layer.closeAll();
            layer.msg('已删除!', {icon: 1, time: 1000});

        });

    }

</script>
</body>

</html>